<article class="module-account module-account-assets">
    <div class="asset-total">
        <span class="asset-total-item">{{$t('asset.total')}}&nbsp;&nbsp;{{ totalBTC }} USDT </span>
        <span class="asset-total-tip">￥{{totalValue}}</span>
        <span class="asset-total-tip"></span>
    </div>
    <div class="ui-account-box">
        <div class="asset-content">
            <div class="asset-head">
                <span class="asset-head-item">{{ $t('asset.currency') }}
                    <input id="hide0Balance" type="checkbox" v-model="hide0Balance" class="input">
                    <label for="hide0Balance">{{$t('asset.hide0Balance')}}</label>
                </span>
                <span class="asset-head-item">{{ $t('asset.available') }}</span>
                <span class="asset-head-item">{{ $t('asset.held') }}</span>
                <span class="asset-head-item">{{ $t('asset.LockUp') }}</span>
                <span class="asset-head-item item-search">
                    <input class="input" v-model="keyCoin" /><i class="icon icon-search"></i>
                </span>
            </div>
            <div v-if="tabType === 'digital'">
                <template v-if="isLoading === false">
                    <div class="assets-box"
                        v-if="(keyCoin === '' || item.assetCode.indexOf(keyCoin.toUpperCase())>=0 ) && (!hide0Balance || (item.amountAvailable !== 0 || item.amountLock !== 0))"
                        v-for="(item, $index) in assets">
                        <ul class="list" :class="{'list--active': coinType === item.assetCode}">
                            <li class="item">
                                <img v-if="item.assetCode!='USDT'" width="28px" :src="item.img" alt="">
                                <img v-if="(item.assetCode=='USDT'&&item.img)" width="28px" :src="item.img" alt="">
                                <img v-if="(item.assetCode=='USDT'&&!item.img)" width="28px" src="/img/usdt@2x.png" alt="">
                                <span style="margin-left: 24px;">{{item.assetCode}}</span>
                            </li>
                            <li class="item" style="display: block;margin-left: 152px;line-height: 2.3;">
                                <p class="assets-text  fn-font-gray" v-html="formatMoney(item.amountAvailable)"></p>
                            </li>
                            <li class="item" style="margin-left: -30px;">
                                <p class="assets-text fn-font-gray" v-if="item.assetCode !== 'ACT'"
                                    v-html="formatMoney(item.amountLock,'GRAY')"></p>
                                <tooltip placement="centertop" v-else :relative="true" style="text-align: center"
                                    trigger="hover">
                                    <p class="assets-text fn-font-gray" v-html="formatMoney(item.amountLock,'GRAY')">
                                    </p>
                                    <div slot="content">{{$t('asset.lockTip')}}</div>
                                </tooltip>
                            </li>
                            <li class="item" style="margin-left: 20px;">
                                <p class="assets-text  fn-font-gray" v-html="formatMoney(item.amountLocking)"></p>
                            </li>
                            <li class="item">
                                <a href="javascript:;" @click="getCandy('ACT','ABTC')" class="link link-enable"
                                    v-if="item.status === 'UNRECEIVE' && item.assetCode==='ABTC'">
                                    {{ $t('asset.Claim') }}</a>
                                <a href="javascript:;" @click="setType(item.assetCode, 'DEPOSIT',item.deposit)"
                                    class="link" :class="{'link-enable':item.deposit}">
                                    <i class="icon-deposit"></i>
                                    {{ $t('common.deposit') }}</a>
                                <a href="javascript:;" @click="setType(item.assetCode, 'WITHDRAW',item.withdraw)"
                                    class="link" :class="{'link-enable':item.withdraw}">
                                    <i class="icon-withdraw"></i>
                                    {{ $tc('common.withdraw', 2) }}</a>
                            </li>
                        </ul>
                    </div>
                </template>
                <loading v-if="isLoading === true"></loading>
            </div>
        </div>
    </div>
    </div>

    <fork-info v-if="showForkInfo" :coin="forkInfoCoin" v-on:hide="showForkInfo = false"></fork-info>

    <set-pay-pwd v-if="isShowSetPayPwd === true" v-on:hide="hidSetPayPwd" :on-binding-success="onSetPayPwdSuccess">
    </set-pay-pwd>
</article>